<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">

<head>
	<meta charset="UTF-8" />
	<title></title>
	
	<link href="/webResources/plugins/fileinput/css/fileinput.css" rel="stylesheet"/>
	<link href="/webResources/css/custom/checkbox.css" rel="stylesheet"/>
	<link rel="stylesheet" type="text/css" media="screen" href="/webResources/plugins/chosen/chosen.css" />
	<link href="/webResources/plugins/jquery-UI/jquery-ui-1.12.1.custom/jquery-ui.min.css" rel="stylesheet"/>
	<link href="/webResources/css/custom/validate.css" rel="stylesheet"/>
	
	<style type="text/css">
		.ui-autocomplete {
			display: block;
			z-index: 99999;
		}
	</style>
	
	<script type="text/javascript" src="/webResources/plugins/datetimepicker/bootstrap-datetimepicker.min.js" ></script>
	<script type="text/javascript" src="/webResources/plugins/datetimepicker/locales/bootstrap-datetimepicker.zh-CN.js" ></script>
	<script type="text/javascript" src="/webResources/plugins/fileinput/js/fileinput.js" ></script>
	<script type="text/javascript" src="/webResources/plugins/fileinput/js/locales/zh.js" ></script>
	<script type="text/javascript" src="/webResources/plugins/chosen/chosen.jquery.js"></script>
	<script type="text/javascript" src="/webResources/plugins/jquery-validate/dist/jquery.validate.min.js" ></script>
	<script type="text/javascript" src="/webResources/plugins/jquery-validate/dist/localization/messages_zh.js" ></script>
	<script type="text/javascript" src="/webResources/plugins/jquery-UI/jquery-ui-1.12.1.custom/jquery-ui.min.js"></script>
	<script type="text/javascript" src="/webResources/plugins/jquery-form/jquery.form.min.js" ></script>
	<script type="text/javascript" src="/webResources/plugins/jquery-BlockUI/jquery.blockUI.js" ></script>
	<script type="text/javascript" src="/webResources/js/custom/process/customerService/entrust.js" ></script>
	
</head>

<body>
	<form class="form-horizontal" role="form" th:object="${process}" id="customerServiceForm">
		<input type="hidden" id="processId" name="processId" th:value="${process.id}"/> 
		<input type="hidden" id="taskId" name="taskId" th:value="${task.id}"/>  
		<input type="hidden" id="faultCategoryIds" name="faultCategoryIds" th:value="${faultCategoryIds}"/>  
		<input type="hidden" id="deviceIds" name="deviceIds" th:value="${deviceIds}"/>  
	    <fieldset>
	    	<div style="width: 490px;height: 300px;padding-top: 3%">
			    <div class="dialog-title">
			        <div class="dialog-img">
			            <img src="/webResources/img/icon/dialogtitle.png"/>
			        </div>
			        <div class="dialog-title-info">
		            	<span th:text="#{customerService.repair}"></span>
		               	&nbsp;&nbsp;&nbsp;
		               	<span th:text="${session.user.name}"></span>
			        </div>
			    </div>
			    <hr />
		    	<div id="isEntrust">
		    		<div class="form-group">
			    		<label class="col-sm-3 control-label"  th:text="#{customerService.repair.faultCategory}">故障分类</label>  
			    		<div id="faultCategorySelect" class="col-sm-8">
			    			<select name="faultCategory" id="faultCategory" class="form-control" multiple="multiple" style="width: 340px"> 
				            	<option th:each="faultCategory : ${faultCategorys}" th:field="*{entrustDetail.faultCategoryList}" th:value="${faultCategory.id}" th:text="${faultCategory.name}"></option>
				            </select>
	    				</div>
		    		</div>
		    		<div class="form-group">
			    		<label class="col-sm-3 control-label"  th:text="#{customerService.problemDescription}" for="problemDescription">问题描述</label>  
			    		<div class="col-sm-8">
			    			<textarea th:placeholder="#{customerService.problemDescription}" rows="4" cols="5" th:field="*{entrustDetail.problemDescription}" class="autosize form-control textarea-transition" style="overflow: hidden; overflow-wrap: break-word; resize: horizontal; height: 100%;margin-top: 0%"></textarea> 
	    				</div>
		    		</div>
		    		<div class="form-group">
			    		<label class="col-sm-3 control-label"  th:text="#{customerService.failureCause}" for="failureCause">故障原因</label>  
			    		<div class="col-sm-8">
			    			<textarea th:placeholder="#{customerService.failureCause}" rows="4" cols="5" th:field="*{entrustDetail.failureCause}" class="autosize form-control textarea-transition" style="overflow: hidden; overflow-wrap: break-word; resize: horizontal; height: 100%;margin-top: 0%"></textarea> 
	    				</div>
		    		</div>
		    		<div class="form-group">
			    		<label class="col-sm-3 control-label"  th:text="#{customerService.processMode}" for="processMode">处理方式</label>  
			    		<div class="col-sm-8">
			    			<textarea th:placeholder="#{customerService.processMode}" rows="4" cols="5" th:field="*{entrustDetail.processMode}" class="autosize form-control textarea-transition" style="overflow: hidden; overflow-wrap: break-word; resize: horizontal; height: 100%;margin-top: 0%"></textarea> 
	    				</div>
		    		</div>
		    		<div class="form-group">
			    		<label class="col-sm-3 control-label"  th:text="#{customerService.repair.beginTime}" for="processMode">维修开始时间</label>  
			    		<div class="col-sm-8">
			    			<input type="text" th:field="*{entrustDetail.repairStartTime}" class="form-control" th:placeholder="#{customerService.repair.beginTime}"/>
	    				</div>
		    		</div>
		    		<div class="form-group">
			    		<label class="col-sm-3 control-label"  th:text="#{customerService.repair.endTime}" for="processMode">维修结束时间</label>  
			    		<div class="col-sm-8">
			    			<input type="text" th:field="*{entrustDetail.repairEndTime}" class="form-control" th:placeholder="#{customerService.repair.endTime}"/>
	    				</div>
		    		</div>
		    		<div class="form-group">
			    		<label class="col-sm-3 control-label"  th:text="#{customerService.repair.device}">设备序列号</label>  
			    		<div id="deviceSelect" class="col-sm-8">
			    			<select name="device" id="device" class="form-control" multiple="multiple" style="width: 340px"> 
				            	<option th:each="device : ${devices}" th:field="*{entrustDetail.deviceList}" th:value="${device.id}" th:text="${device.serialNo}"></option>
				            </select>
	    				</div>
		    		</div>
		    		<div class="form-group">
			    		<label class="col-sm-3 control-label"  th:text="#{customerService.repair.fellowList}">同行工程师</label>  
			    		<div class="col-sm-8">
			    			<select name="fellow" id="fellow" class="form-control" multiple="multiple" style="width: 340px"> 
				            	<option th:each="fellow : ${accounts}" th:value="${fellow.id}" th:text="${fellow.name}"></option>
				            </select>
	    				</div>
		    		</div>
		    		<div class="form-group">
				    	<label class="col-sm-3 control-label"  th:text="#{document.uploadFile}" for="file">文件上传</label>  
				    	<div class="col-sm-8">
				    		<input type="file" id="fileUpLoad" multiple="multiple"  name="fileUpLoad" data-show-caption="true"/>
		    			</div>
			    	</div>
		    	</div>
			</div>
	    </fieldset>  
	</form>  
</body>

</html>

